:root {
	--primary-color: rgba(0, 82, 204, 100%);
	--primary-as-color: rgba(217, 0, 122, 100%);
	--theme-bg-color: rgba(16 18 27, 40%);
	--border-color: rgba(113 119 144, 100%);
	--theme-color: #f9fafb;
	--inactive-color: rgb(113 119 144 / 78%);
	--body-font: 'Poppins', sans-serif;
	--hover-menu-bg: rgba(12 15 25, 30%);
	--content-title-color: #999ba5;
	--content-bg: rgb(146 151 179 / 13%);
	--button-inactive: rgb(249 250 251 / 55%);
	--dropdown-bg: #21242d;
	--dropdown-hover: rgb(42 46 60);
	--popup-bg: rgb(22 25 37);
	--search-bg: #14162b;
	--overlay-bg: rgba(36, 39, 59, 0.3);
	--scrollbar-bg: rgb(1 2 3 / 40%);
	/*左边菜单展开宽度*/
	--left-side-width: 255px;
	/*左边菜单折叠宽度*/
	--left-side-width-close: 65px;
}

.light-mode {
	--theme-bg-color: rgb(255 255 255 / 31%);
	--theme-color: #3c3a3a;
	--inactive-color: #333333;
	--button-inactive: #3c3a3a;
	--search-bg: #eee;
	--dropdown-bg: #f7f7f7;
	--overlay-bg: rgb(255 255 255 / 30%);
	--dropdown-hover: rgb(236 236 236);
	--border-color: rgb(255 255 255 / 35%);
	--popup-bg: rgb(255 255 255);
	--hover-menu-bg: rgba(255 255 255, 35%);
	--scrollbar-bg: rgb(255 253 253 / 57%);
	--content-title-color: --theme-color;
}